<template lang="">
  <div>
    <vue-seamless-scroll :data="list" class="seamless-warp" :class-option="optionHover">
      <ul class="item">
        <li v-for="(item,index) in list">
          <div class="Commentareabox">
            <div class="CommentTitle">
              {{item.eamil+'成功注册ulo博客'}}
            </div>
            <span class="timers">
              {{item.shijian}}
            </span>
          </div>
        </li>
      </ul>
    </vue-seamless-scroll>
  </div>
</template>
<script>
    export default {
        data() {
            return {
                list: []
            }
        },
        computed: {
            optionHover() {
                return {
                    hoverStop: false
                }
            }
        },
        methods: {
            getusers() {
                this.$axios.get('/administration').then(res => {
                    this.list = res.data.msg

                })
            }
        },
        mounted() {
            this.getusers()
        },
    }
</script>
<style lang="less" scoped>
    .seamless-warp {
        height: 239px;
        overflow: hidden;
        li {
            font-size: 14px;
            margin: 10px 0;
            width: 100%;
            border-bottom: 1px dashed rgb(204, 204, 204);
            .Commentareabox {
                padding: 15px 0;
                overflow: hidden;
                display: flex;
                position: relative;
                .CommentTitle {
                    position: absolute;
                    left: 5px;
                }
                span {
                    position: absolute;
                    right: 50px;
                }
            }
        }
    }
</style>